// out: ../css/index.css

@import url(./index.less);


// 用来储存变量的less文件
//  ########### 甲方杀手 ###########
// 动态可变


// ############### 颜色变量 ###############
// 外层盒子背景色
@box_color:#000;
// 动画1背景色
@anim1_bgc:#4ad3b4;
@anim2_bgc:#f9553f;
@anim3_bgc:#ab96d9;

// 双龙戏珠变量
// 小球颜色
@ball_color:#fff;

// ############### 整体尺寸变量 ###############
// 外层盒子内边距
@box_padding:10px;
// 外层盒子距离顶端的长度
@box_top:200px;
// 小图宽高
@img_width: 315px;
@img_height: 210px;
// 小图间距
@spacing: 50px;
// 小图数量
@img_num:3;

// ############### 动图尺寸变量 ###############
// 双龙戏珠变量
// 小球大小
@ball_size:40px;

// 涟漪
// 圆圈大小
@ripples_size: 160px;

// 永恒地等待
// 圆圈大小
@circle_size:113px;
// 圆圈粗细
@circle_thickness:6px;
// 进度条颜色
@progress_color:#fff;

// ############### 时间变量 ###############
// 双龙戏珠速率
@speed01:0.5s;
// 涟漪速率
@speed02: 1s;
// 永恒地等待速率
@speed03: 1s;